<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
	
	<body>
		<div id="app">
			<!--获取数值-->
			<!-- <h1  v-for="item  in  array">{{item}}</h1> -->
			<hr />
			<!--获取索引和数值-->
			<!-- <h1  v-for="(item,index)  in  array">{{item}}----{{index}}</h1> -->
			<div v-for="item  in  userList">
				<p>name: {{item.name}}  name: {{item.sex}} name: {{item.age}}   </p>
			</div>
			
			
			<div  v-for="(value,key)  in  user ">{{key}}----{{value}}</div>
			
		</div>
		<h1>遍历集合</h1>
		
		
		
		<script  src="../js/vue.js"></script>
		<script>
		
		const  app=new  Vue({
			el: "#app",
			data: {
				name: "vue案例" ,
				url: "https://www.baidu.com/",
				flag: '这里可以漂浮数据',
				score:  0,
				array: ["安其拉","孙悟空","诸葛亮"],
				userList: [
					{"name":"张三","sex":"男","age":23},
					{"name":"李四","sex":"女","age":34},
					{"name":"王五","sex":"男","age":45}
				],
				user: {
					"first_name" : "asbc",
					"last_name"  : "WETT",
					"age"        :67
				}
			},
		})
		
		</script>
	</body>
	
	
</html>
